<template>
	<view>
		<image class="img" src="../static/img/active4.jpg" mode="widthFix"></image>
		<view class="box">
			<image class="img2" src="../static/img/active5.jpg" mode="widthFix"></image>
			<image class="img3" src="../static/img/active6.jpg" mode="widthFix" @click="tolink()"></image>
			<image class="img3" src="../static/img/active7.jpg" mode="widthFix" @click="tolink()"></image>
			<image class="img3" src="../static/img/active8.jpg" mode="widthFix" @click="totel()"></image>
		</view>
		<image class="img" src="../static/img/active9.jpg" mode="widthFix"></image>
		
	</view>
</template>

<script>
	import InterServer from "@/common/config/server"
	import {localStorageSyncServer} from "@/common/js/common"
	import Vue from "vue"
	import {
		isLogin
	} from "@/common/utils/util";
	export default {
		data() {
			return {

			};
		},
		methods: {
			tolink() {
				isLogin().then(res => {
					if (res) {
						// #ifdef H5
						   let Token = localStorageSyncServer.get("Token", 1.8)
						   window.location.href = 'http://weijinwang.cn:8008/perSon' +`?token=${Token}`
						// #endif
						// #ifdef APP-PLUS
						Vue.customNavigateTo(`./webView?link=http://weijinwang.cn:8008/perSon`);
						// #endif
					}
				})
			},
			totel(){
				uni.makePhoneCall({
					phoneNumber: '010-86390610' 
				});
			}
		}
	};
</script>

<style lang="less" scoped>
	.img {
		width: 750upx;
	}

	.box {
		width: 730upx;
		height: 146upx;
		margin: 0 auto;
		background: #f0f2ef;
		display: flex;
		justify-content: center;
		align-items: center;

		.img2 {
			width: 401upx;
		}
		.img3{
			width: 108upx;
		}
	}
</style>
